<!DOCTYPE html>
<html>
<head>
	<title>付款成功</title>
	<link rel="stylesheet" type="text/css" href="./dist/lib/weui.min.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="./statics/style/public.css">
	<style type="text/css">
		.mainContent {
			display: flex !important;
			flex-direction: column;
			align-items: center;
			background-color: #eee;
			min-height: 670px;
		}
		.successLogo{
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 262px;
			background-color: #fff;
		}
		.successLogo span {
			margin-top: 29px;
			font-size: 20px;
			font-family: PingFang-SC-Medium;
			color: #000;
		}
		.tips {
			min-width: 320px;
			height: 100px;
			padding: 20px;
			background-color: #fff;
			margin-top: 7px;
		}
		.tips ul {
			margin-left: 20px;
			font-size: 17px;
			font-family: PingFang-SC-Medium;
			color: #42323d;
			line-height: 29px;
		}
		.tips p {
			font-size: 12px;
			color: rgba(55,44,52,0.8);
			line-height: 18px;
			margin-top: 6px;
		}
		.infoBtn {
			margin-top: 45px;
			border: none;
			width: 160px;
			height: 56px;
			background: url("./statics/img/success/btn.png") no-repeat center;
			padding: 15px 41px;
			font-size: 17px;
			color: #42323d;
			font-family: PingFang-SC-Medium;
		}
	</style>
</head>
<body>
	<div class="mainContent">
		<div class="successLogo">
			<img src="./statics/img/success/success.png">
			<span>付款成功</span>
		</div>
		<div class="tips">
			<ul>
				<li>
					小提示
				</li>
			</ul>
			<p>
				若您购买的课程暂未开课，我们会在开课的前一天为您发送短信通知，请尽快完善您的信息，以便我们可以及时联系到您。您可以在我的月读里看到您购买的课程，耐心等待开课就可以啦！
			</p>
		</div>
		<button class="infoBtn">完善信息</button>
	</div>
</body>
</html>